<?php $__env->startSection("content"); ?>
<body>
<link rel="stylesheet" href="<?php echo e(asset("admin")); ?>/lib/jq-module/zyupload/zyupload-1.0.0.min.css" media="all">
<div class="layuimini-main">

    <div class="layui-form layuimini-form">
        <?php echo e(csrf_field()); ?>

        <div class="layui-form-item">
            <label class="layui-form-label required">幻灯片标题</label>
            <div class="layui-input-block">
                <input type="text" name="title" lay-verify="required" lay-reqtext="幻灯片标题不能为空" placeholder="请输入幻灯片标题" value="" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label required">幻灯片跳转地址</label>
            <div class="layui-input-block">
                <input type="text" name="url" lay-verify="required" lay-reqtext="幻灯片跳转地址不能为空" placeholder="请输入幻灯片跳转地址" value="" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label required">排序</label>
            <div class="layui-input-block">
                <input type="number" name="sort" placeholder="请输入1-100" min="1" max="100" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">幻灯片图片</label>
            <div class="layui-input-block" style="width: 650px">
                <div id="zyupload" class="zyupload"></div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-input-block">
                <button class="layui-btn layui-btn-normal" lay-submit lay-filter="saveBtn">确认保存</button>
            </div>
        </div>
    </div>
</div>
<script src="<?php echo e(asset("admin")); ?>/lib/jquery-3.4.1/jquery-3.4.1.min.js" charset="utf-8"></script>
<script src="<?php echo e(asset("admin")); ?>/lib/jq-module/zyupload/zyupload-1.0.0.min.js" charset="utf-8"></script>
<script>
    // 初始化插件
    $("#zyupload").zyUpload({
        width: "650px",                 // 宽度
        height: "400px",                 // 宽度
        itemWidth: "140px",                 // 文件项的宽度
        itemHeight: "115px",                 // 文件项的高度
        url: "/admin/swiper/upload",  // 上传文件的路径
        fileType: ["jpg", "png", "jpeg"],// 上传文件的类型
        fileSize: 51200000,                // 上传文件的大小
        multiple: false,                    // 是否可以多个文件上传
        dragDrop: true,                    // 是否可以拖动上传文件
        tailor: true,                    // 是否可以裁剪图片
        del: true,                    // 是否可以删除文件
        finishDel: false,  				  // 是否在上传文件完成后删除预览
        /* 外部获得的回调接口 */
        onSuccess: function (file, response) {          // 文件上传成功的回调方法
            var res = JSON.parse(response);
            if(res.status==200){
                $("#uploadInf").append("<p>上传成功，文件地址是：" + res['url'] + "</p>");
                $("#uploadInf").append("<input type='hidden' name='img_url' value="+res['url']+">");
            }
        }
    });

    layui.use(['form', 'table'], function () {
        var form = layui.form,
            layer = layui.layer,
            table = layui.table,
            $ = layui.$;

        /**
         * 初始化表单，要加上，不然刷新部分组件可能会不加载
         */
        form.render();

        // 当前弹出层，防止ID被覆盖
        var parentIndex = layer.index;

        //监听提交
        form.on('submit(saveBtn)', function (data) {
           var datas =  data.field;
           var params = {
               title:datas.title,
               url:datas.url,
               sort:datas.sort,
               img_url:datas.img_url,
               _token:datas._token
           };
           $.post("/admin/swiper",params,function (res) {
               if(res.status==200){
                   layer.msg(res.msg,function () {
                       var index = parent.layer.getFrameIndex(window.name); // 获取当前窗口的索引
                       parent.layer.close(index); // 关闭当前窗口
                       parent.location.reload();
                   });
               }else {
                   layer.msg(res.msg);
               }
           });
           return false;
        });

    });
</script>
</body>
<?php $__env->stopSection(); ?>

<?php echo $__env->make("layout.base", \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /Users/jdl/Desktop/黑马/laravelApi/resources/views/admin/swiper/add.blade.php ENDPATH**/ ?>